<template>
  <el-card class="card">
    <div class="image-wrap">
      <div v-for="(item,index) in 10"
           :key="index">
        <el-image class="image-box"></el-image>
        <p class="demonstration">自定义</p>
      </div>
    </div>
  </el-card>
</template>

<script>
export default {
  data() {
    return {};
  }
};
</script>

<style scoped>
.card {
  width: 65vw;
  margin: 0 auto;
}
.image-wrap {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}
.image-box {
  width: 150px;
  height: 150px;
  margin: 10px;
  background: #999;
}
.demonstration {
  text-align: center;
}
</style>